<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>英雄联盟</title>
  <!-- Bootstrap -->
  <link rel="stylesheet" href="bs3/normalize/normalize.css">
  <link href="bs3/css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="public/css/ing.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
  <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
  <!--[if lt IE 9]>
      <script src="bs3/compatibility/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="bs3/compatibility/respond.js/1.4.2/respond.min.js"></script>
    <![endif] -->
</head>

<body>
  <div class="bigtop">
    <div class="top">
      <div class="container">
        <div class="t_left">
          <ul>
            <li>
              <div class="t_nav">游戏资料
                <br>
                <span>GAME INFO</span>
              </div>
            </li>
            <li>
              <div class="t_nav">商城/合作
                <p>STORE</p>
              </div>
            </li>
            <li>
              <div class="t_nav">用户互动
                <br>
                <span>COMMUNITY</span>
              </div>
            </li>
            <li>
              <div class="t_nav">赛事中心
                <br> 
                <span>EVENTS</span>
              </div>
            </li>
            <li>
              <div class="t_nav">自助系统
                <br>
                <span>SYSTEM</span>
              </div>
            </li>
          </ul>
        </div>
        <div class="top-search">
          <div class="icon-top-search"></div> 
        </div>
        <div class="top-app">
          <div class="icon-top-app"></div>
        </div>
        <div class="t_right">
          <div class="t_r_left">
            <div class="user-mask"></div>
            <img src="public/images/default.png">
          </div>
          <div class="t_r_right">
            <span>亲爱的召唤师，欢迎</span>
            <span id="login">登录</span>
            <p>登录后查看自己的战绩、资产、声望值等</p>
          </div>
        </div>
      </div>
    </div>
    <div class="video container">
      <video autoplay="" loop="">
        <source src="public/images/back-v23.webm" type="video/webm">
      </video>
      <div class="logo"></div>
      <div class="video2">
        <h2>
          <span class="noshadow">海潮汹涌</span>
          <span class="shadow">海潮汹涌</span>
        </h2>
        <p>比尔吉沃特事件全面来袭</p>
        <div class="ckxq">查看详情</div>
        <div class="bbxq">
          当前游戏版本：
          <span>Ver 8.11</span>
          <div id="bbxq">版本详情</div>
        </div>
      </div>
    </div>
  </div>
  <div class="menu">
    <ul class="container">
      <li class="cur">综合资讯</li>
      <li>视频中心</li>
      <li>赛事中心</li>
      <li>活动中心</li>
    </ul>
  </div>
  <div class="content">
    <div class="content-inner container">
      <div class="xk">
        <ul class="imgs">
          <li>
            <img src="public/images/img1.jpg" alt="">
          </li>
          <li>
            <img src="public/images/img2.jpg" alt="">
          </li>
          <li>
            <img src="public/images/img3.jpg" alt="">
          </li>
          <li>
            <img src="public/images/img4.jpg" alt="">
          </li>
          <li>
            <img src="public/images/img5.jpg" alt="">
          </li>
        </ul>
        <div id="promoTrigger" class="promo-trigger">
          <span class="trigger-item on">深渊宝藏</span>
          <span class="trigger-item">比尔吉沃特黑潮</span>
          <span class="trigger-item">19点RNGvsLGD</span>
          <span class="trigger-item">比尔吉沃特同人赛</span>
          <span class="trigger-item">周边缤纷狂欢趴</span>
        </div>
      </div>
      <div class="xk-right">
        <div class="down">
          <video autoplay="" loop="">
            <source src="public/images/down.mp4" type="video/webm">
          </video>
        </div>
        <ul class="side-menu">
          <li>
            <i class="icon-guide"></i>新手推荐</li>
          <li>
            <i class="icon-yz"></i>宇宙官网
            <i class="icon-hot"></i>
          </li>
          <li>
            <i class="icon-mall"></i>周边商城
            <i class="icon-hot"></i>
          </li>
          <li>
            <i class="icon-icon"></i>新客户端</li>
          <li>
            <i class="icon-cjf"></i>峡谷之巅</li>
          <li>
            <i class="icon-tr"></i>玩家创作馆
            <i class="icon-new"></i>
          </li>
          <li>
            <i class="icon-rgm"></i>轮换模式
            <i class="icon-hot"></i>
          </li>
          <li>
            <i class="icon-info"></i>游戏资料</li>
          <li>
            <i class="icon-reward"></i>领取中心</li>
          <li>
            <i class="icon-weibo"></i>官方微博</li>
          <li>
            <i class="icon-bbs"></i>玩家论坛</li>
          <li>
            <i class="icon-kefu"></i>在线客服</li>
        </ul>
      </div>
      <div class="news">
        <div class="news-top">
          <h3>最新资讯</h3>
          <ul>
            <li id="current">综合新闻</li>
            <li>官方公告</li>
            <li>赛事新闻</li>
            <li>论坛资讯</li>
          </ul>
        </div>
        <div class="news-content-box">
          <div class="news-content">
            <ul>
              <li class="first">
                <img src="public/images/pic-news7.jpg" alt="">
                <span>集美大学完美大龙运营 2-0夺冠高校联赛</span>
                <span></span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <li class="news-item">
                <span class="new-type">新闻</span>
                <span class="new-gs">高校总决赛首日 云南经管玩出Uzi式VN</span>
                <span class="date">06/16</span>
              </li>
              <div class="news-more">
                <span>阅读更多</span>
                <span class="news-more-right">最新资讯</span>
              </div>
            </ul>
          </div>
        </div>
      </div>
      <div class="hero">
        <div class="hero-tab">
          <ul>
            <li class="current">最新皮肤</li>
            <li>最新英雄</li>
            <li>周免英雄</li>
          </ul>
        </div>
        <div class="hero-content">
          <div class="skin-new">
            <img src="public/images/0.jpeg" class="first-img">
            <a>
              <img src="public/images/1.jpeg" alt="">
            </a>
            <a>
              <img src="public/images/2.jpeg" alt="">
            </a>
            <a>
              <img src="public/images/3.jpeg" alt="">
            </a>
            <a>
              <img src="public/images/4.jpeg" alt="">
            </a>
            <a>
              <img src="public/images/5.jpeg" alt="">
            </a>
            <a>
              <img src="public/images/6.jpeg" alt="">
            </a>
          </div>
          <div class="bottom-go">
            <img src="public/images/img/pic-go-qt.jpg" class="fl">
            <img src="public/images/img/pic-go-mall-20180507.jpg" class="fr">
          </div>
          <div class="side-tips-18">
            <div class="icon-18"></div>
            <h5>本游戏适合18岁（含）以上玩家娱乐</h5>
            <p>抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当
              <br>适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
          </div>
        </div>
      </div>
      <div class="recommend">
        <div class="recommend-top">
          <h3>最新推荐</h3>
          <ul>
            <li class="current">视频推荐</li>
            <li>活动推荐</li>
          </ul>
        </div>
        <div class="recommend-content">
          <ul>
            <li>
              <a class="pv-lnk">
                <img src="public/images/img/recommend1.jpeg" alt="">
                <span class="pa pv-cover-1"></span>
                <span class="pa pv-cover-ico"></span>
                <span class="shadow1">
                  <i>08:16</i>
                </span>
                <h5>主播玩脱了97：青蛙怀疑人生 我为什么要送！</h5>
              </a>
            </li>
            <li>
              <a class="pv-lnk">
                <img src="public/images/img/recommend1.jpeg" alt="">
                <span class="pa pv-cover-1"></span>
                <span class="pa pv-cover-ico"></span>
                <span class="shadow1">
                  <i>08:16</i>
                </span>
                <h5>主播玩脱了97：青蛙怀疑人生 我为什么要送！</h5>
              </a>
            </li>
            <li>
              <a class="pv-lnk">
                <img src="public/images/img/recommend1.jpeg" alt="">
                <span class="pa pv-cover-1"></span>
                <span class="pa pv-cover-ico"></span>
                <span class="shadow1">
                  <i>08:16</i>
                </span>
                <h5>主播玩脱了97：青蛙怀疑人生 我为什么要送！</h5>
              </a>
            </li>
            <li>
              <a class="pv-lnk">
                <img src="public/images/img/recommend1.jpeg" alt="">
                <span class="pa pv-cover-1"></span>
                <span class="pa pv-cover-ico"></span>
                <span class="shadow1">
                  <i>08:16</i>
                </span>
                <h5>主播玩脱了97：青蛙怀疑人生 我为什么要送！</h5>
              </a>
            </li>
            <li>
              <a class="pv-lnk">
                <img src="public/images/img/recommend1.jpeg" alt="">
                <span class="pa pv-cover-1"></span>
                <span class="pa pv-cover-ico"></span>
                <span class="shadow1">
                  <i>08:16</i>
                </span>
                <h5>主播玩脱了97：青蛙怀疑人生 我为什么要送！</h5>
              </a>
            </li>
            <li class="last-qw">
              <a class="pv-lnk">
                <img src="public/images/img/recommend1.jpeg" alt="">
                <span class="pa pv-cover-1"></span>
                <span class="pa pv-cover-ico"></span>
                <span class="shadow1">
                  <i>08:16</i>
                </span>
                <h5>主播玩脱了97：青蛙怀疑人生 我为什么要送！</h5>
              </a>
            </li>
          </ul>
          <div class="recommend-more">
            <span>浏览更多</span>
            <span class="recommend-more-right">视频内容</span>
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="bs3/jQuery/jQuery1.9.1.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <script src="bs3/js/bootstrap.js"></script>
  <script src="public/js/ing.js" type="text/javascript"></script>
</body>

</html>